<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j">
<ui:composition template="/templates/baseLayout.xhtml">
	<ui:define name="body">
		<script>
		function uploaderStatusChanged( uploader ) {
		    if(uploader.getStatus()=='0') {
		    	document.jumpLoaderImages.showFrame(false);
		    	renderImages();
			}
		}	
		</script>
		<style>
			.rf-dg-c {
				border : none;
				border-bottom: none;
				border-right :none;
				background:#f7f6f3;
			}
			
			.rf-dg{
				border-left:none;
				border-top:none;
			}
		</style>
		<f:metadata>
	        <f:viewParam id="carId" name="carId" value="#{invCtrl.car}" converter="entityConverter">
	        	<f:param name="entityName" value="Vehicle"/>
	        </f:viewParam>
	        <f:event listener="#{invCtrl.addVehicle}" type="preRenderView" />
	    </f:metadata>		
	    <section id="content">
		<div class="row-2 p1">	
			<h3>Manage Dealer Profile</h3>	
			<div class="wrapper aligncenter">
				<div class="col-1" style="width:100%;">
					<div class="loanbox" style="width:100%; min-height:320px;">
						<h:panelGrid width="100%">
				            <h:form prependId="false">
				                <rich:togglePanel switchType="ajax">
				                    <rich:togglePanelItem>
				                        <ui:include src="/sec/dlr/dealerInfo.xhtml" />
				                    </rich:togglePanelItem>
				                    <rich:togglePanelItem>
				                        <ui:include src="/sec/dlr/dealerLocations.xhtml" />
				                    </rich:togglePanelItem>
				                    <rich:togglePanelItem id="dealerImages" onenter="prepareImages();">
				                        <ui:include src="/sec/dlr/dealerImages.xhtml" />
				                    </rich:togglePanelItem>				                    
				                </rich:togglePanel>
				            </h:form>					        	    
					    </h:panelGrid>
				    </div>
			    </div>
		    </div>
		    <a4j:jsFunction name="prepareImages" actionListener="#{cntCtrl.prepareImages}" render="dealerImages"/>
	    </div>
	    </section>	      
	</ui:define>
</ui:composition>	
</html>